body{
    background: #f5f5f5;
    font-size: 0;
    padding-bottom: 1.1rem;
}
.banner{
    background: url("../img/bg.jpg");
    height: 3.23rem;
    width: 100%;
    background-repeat: no-repeat;
    background-position:center center;
    background-size: cover;
}
.d1{
    height: 0.7rem;
    padding-top: 0.6rem;
    padding-left:0.2rem ;
}
.d1>input{
    width: 6.15rem;
    height: 0.6rem;
    border-radius: 0.6rem;
    background:rgba(0, 0,0, 0.22) ;
    font-size: 0.3rem;
    position: relative;
    margin-right: 0.25rem;
    padding-left: 0.8rem;

}
.d1>input::-webkit-input-placeholder{
    color: #fcfcfc;
}
#ss{
    position:absolute ;
    top: .8rem;
    left:0.5rem;
    color: white;
    font-size: .3rem;
}
#kf{
   color: white;
    font-size: 0.4rem;
}
.dd1{
    height: 2.14rem;
    padding-top: 0.7rem;
}
.dd12{
    height: 100%;
}
.l1{
    width: 25%;
    font-size: 0;
}
.l1>img{
    height: 0.7rem;
    color: white;
}
.l1>p{
    font-size: 0.3rem;
    color: white;
    
}
/*2*/
.dd2{
    width: 100%;
    height: 2.6rem;
    background: white;
}
.dd211{
    width: 25%;
    height: 1.2rem;
}
.dd21>li>i{
    font-size: .6rem;
    margin-top: .2rem;
}
.dd21>li>p{
    font-size: .12rem;
    color: #000000;
}
.dd21>li:first-child{
    color: #f347ac;
}
.dd21>li:nth-child(2){
    color: #47b4f3;
}
.dd21>li:nth-child(3){
    color: #4768f3;
}
.dd21>li:last-child{
    color: #f347ac;
}
.ll2>li:nth-child(1){
    color: #0ed485;
}
.ll2>li:nth-child(2){
    color: #f89135;
}
.ll2>li:nth-child(3){
    color: #f34eaf;
}
.ll2>li:last-child{
    color: #4768f3;
}
/*3*/
.dd3{
    background: white;
    height: 2.3rem;
    margin: .2rem 0;
    padding: .2rem;
}
.dd3>img{
    height: 1.88rem;
}
.dd4{
    height: 2.64rem;
    background: white;
    padding: 0 .1rem;
}
.dd41{
    padding-left: .14rem;
    height: 0.7rem;
    border-bottom:1px solid #eceef3;

}
.xr{
    width: 100%;
    height: .34rem;
}
.xr>span{
    font-size: .32rem;
    border-left: 3px solid #4768f3;
    padding-left: .2rem;
}
.dd42{
    height: 1.94rem;
    background: white;

}
.dd421{
    width: 49.5%;
    display: inline-block;
    height: 100%;
}
.dd4211{
    color: #4768f3;
    position: relative;

}
.dx{
    width: 1%;
    height: 50%;
    border-right: 1px solid #eceef3;
}
.s1{
    font-size: .3rem;
    position: absolute;
    left:0;
    top:0;
}
.s2{
    font-size: .46rem;
    margin-left: .2rem;
}
.s3{
    font-size: .24rem;
}
.dd422{
    width: 49.5%;
    display: inline-block;
    height: 100%;
}
.dd4212{
    color: #5e5e63;
    font-size: .28rem;
}
.dd4221{
    color: #0ed485;
    position: relative;
}
/*5*/
.dd5{
    background: white;
    padding-left:.2rem ;
    padding-right: .2rem;
    height: 1.17rem;
    border-bottom:1px solid #eceef3 ;
}
.dd5>button{
    width: 7.12rem;
    height: .98rem;
    background: #4768f3;
    border-radius: 8px;
    font-size: .28rem;
    color: white;
}
.dd5>button:active{
    transform:scale(0.9)
}
/*6*/
.foot{
    background: white;
    height: 1rem;
    position: fixed;
    left: 0;
    bottom: 0;
    font-size: 0;
    color: #b6b6b6;
    width: 100%;
}
.dd6{
    width: 25%;
}
.dd6>i{
    font-size: .38rem;
}
.dd6>p{
    font-size: .24rem;
}
.dd6:active{
   color: #4768f3;
}
.ff1{
    width: .14rem;
    height: .14rem;
    border-radius: 50%;
    background: red;
    position: absolute;
    left:4.9rem;
    top:.1rem;
}





